import { defineComponent, ref } from 'vue'

export default defineComponent({
  setup() {
    const showMessage = ref(true)
    const items = ref(['Apple', 'Banana', 'Cherry'])

    return () => (
      <div>
        {showMessage.value && <p>Hello, World!</p>}

        <ul>
          {items.value.map((item, index) => (
            <li key={index}>{item}</li>
          ))}
        </ul>
      </div>
    )
  }
})
